<template>
 <div>
   <el-container>
     <div  class="box boxshadow3" style="position: fixed;top: 0;width: 100%;background-color: lightcyan;"> <Header></Header></div>

   <div style="margin-top: 100px">
     <el-col span="24">
      <div>
       <el-row>
       <el-col :span="24" ><div class="grid-content bg-purple"><HomeBox1></HomeBox1></div></el-col>
       </el-row>
      </div>

       <div>
         <el-row>
       <el-col :span="24" ><div class="grid-content bg-purple-light"><HomeBox2></HomeBox2></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
       <el-col :span="24"><div class="grid-content bg-purple"><HomeBox3></HomeBox3></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
       <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox4></HomeBox4></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox5></HomeBox5></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox6></HomeBox6></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox7></HomeBox7></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox8></HomeBox8></div></el-col>
         </el-row>
       </div>

       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox9></HomeBox9></div></el-col>
         </el-row>
       </div>
       <div>
         <el-row>
           <el-col :span="24"><div class="grid-content bg-purple-light"><HomeBox10></HomeBox10></div></el-col>
         </el-row>
       </div>

     </el-col>
 </div>
   </el-container>
   </div>
</template>

<script>
import Header from "@/components/home/Header";
import HomeBox1 from "@/components/home/HomeBox1";
import HomeBox2 from "@/components/home/HomeBox2";
import HomeBox3 from "@/components/home/HomeBox3";
import HomeBox4 from "@/components/home/HomeBox4";
import HomeBox5 from "@/components/home/HomeBox5";
import HomeBox6 from "@/components/home/HomeBox6";
import HomeBox7 from "@/components/home/HomeBox7";
import HomeBox8 from "@/components/home/HomeBox8";
import HomeBox9 from "@/components/home/HomeBox9";
import HomeBox10 from "@/components/home/HomeBox10";

export default {
  name: 'Home',
  data(){
    return{
      active:0,
      srollTop:'',
    }
  },
  components:{
    Header,
    HomeBox1,
    HomeBox2,
    HomeBox3,
    HomeBox4,
    HomeBox5,
    HomeBox6,
    HomeBox7,
    HomeBox8,
    HomeBox9,
    HomeBox10,
  },

}
</script>
<style scoped>

</style>
